<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	template="/layout/template.xhtml">
	<ui:define name="body">
		<p:layoutUnit position="center" scrollable="true">
			<h:form id="form">

				<p:panel id="panel1" header="De: ">
					<h:panelGrid columns="4" cellspacing="6">
						<h:outputText value="&Aacute;rea: " />
						<h:inputText value="#{documentosBM.userLog.tbArea.descripcion}"
							disabled="true" style="width: 250px;" />
						<h:outputText value="Nombre: " />
						<h:inputText
							value="#{documentosBM.userLog.apellPater} #{documentosBM.userLog.apellMater}, #{documentosBM.userLog.nombres}"
							disabled="true" style="width: 	320px;" />
					</h:panelGrid>
				</p:panel>

				<p:panel id="panel2" header="Para:" ajax="false">
					<h:panelGrid columns="4" cellspacing="6">
						<h:outputText value="Usuario destino:" />
						<p:autoComplete id="aC1" value="#{documentosBM.text}"
							completeMethod="#{documentosBM.complete}" autocomplete="false"
							style="width: 400px; " ajax="false" />
						<h:outputText value="( &Aacute;rea / Usuario )" />
						<p:message for="aC1" />
					</h:panelGrid>
				</p:panel>

				<p:panel id="tipoDoc" header="Documento: ">
					<h:panelGrid columns="8" cellspacing="6">
						<h:outputText value="Tipo de documento:" />
						<h:selectOneListbox value="#{documentosBM.idComboTipDocInt}" immediate="true"
							id="tipoDocCD" size="1">
							<f:selectItem itemLabel="---Seleccione un Documento----"
								itemValue="-1" />
							<f:selectItems value="#{documentosBM.tipoExp}" />
							<p:ajax update="outCodDocCD" process="tipoDocCD" event="change"
								actionListener="#{documentosBM.ChangedKindDocument}" />
						</h:selectOneListbox>

						<h:outputText value="C&oacute;digo del documento: " />
						<h:inputText value="#{documentosBM.codDocumentoString}"
							id="outCodDocCD" disabled="true" />

					</h:panelGrid>


				</p:panel>

				<p:fieldset id="fsCopiar" legend="Con copia para..."
					toggleable="true" toggleSpeed="500" collapsed="true">

					<h:panelGrid columns="4" id="grid">
						<h:outputLabel value="C.C: * " />
						<p:autoComplete id="cCopia"
							completeMethod="#{documentosBM.completeCC}" style="width: 400px;"
							value="#{documentosBM.textCC}" />
						<p:commandButton value="+" update="copias"
							actionListener="#{documentosBM.addUserCC}">
							<p:collector value="#{documentosBM.conCopia}"
								addTo="#{documentosBM.listconCopia}" />
						</p:commandButton>
						<p:commandButton value="Limpiar" type="reset" />
					</h:panelGrid>

					<p:outputPanel id="copias">
						<p:dataTable value="#{documentosBM.listconCopia}" var="a"
							emptyMessage=" ">
							<p:column>
								<h:outputText value="#{a.key}" />
							</p:column>
							<p:column>
								<h:outputText value="#{a.descripcion}" />
							</p:column>

							<p:column>
								<p:commandLink value="x" update="form:copias" process="@this">
									<p:collector value="#{a}"
										removeFrom="#{documentosBM.listconCopia}" />
								</p:commandLink>
							</p:column>

						</p:dataTable>
					</p:outputPanel>

				</p:fieldset>




				<p:fieldset id="fsAdjuntarar" legend="Adjuntar archivo"
					toggleable="true" toggleSpeed="500" collapsed="true">

					<h:panelGrid>
						<p:fileUpload label="Examinar..." allowTypes="*.docx;*.doc;"
							description="Archivos *.docx;*.doc;"
							fileUploadListener="#{documentosBM.accionFileUpload}"
							update="editorTxt" immediate="true" auto="true">

						</p:fileUpload>
						<br />
						<div>
							<b>Upload:</b> Adjuntar archivo(s)
						</div>
						<div>
							<b>Clear:</b> Limpiar subida de archivos
						</div>
						<br />
					</h:panelGrid>
				</p:fieldset>


				<p:panel id="editorTxt">
					<div align="center">
						<p:editor value="#{documentosBM.value}" widgetVar="editor"
							width="800" height="100" />

						<h:panelGrid columns="4" style="margin-top:10px">
							<p:commandButton type="button" value="Firma digital" />
							<p:commandButton oncomplete="dlgCD.show()"
								image="ui-icon ui-icon-search" title="Vista Preliminar"
								update="displayDI" value="Vista Preliminar" />
							<p:commandButton value="Enviar" image="ui-icon ui-icon-disk"
								action="#{documentosBM.enviarDocumentoUsuario}" update="growl"
								ajax="false" />
							<p:commandButton type="button" value="Clear"
								onclick="editor.clear()" image="ui-icon ui-icon-close" />
						</h:panelGrid>
					</div>
				</p:panel>
			</h:form>
		</p:layoutUnit>
	</ui:define>
</ui:composition>

